@charset "utf-8" ;


/*	Name: 상산				*/
/*	PART: Site All Style	*/
/*	Version: 1.0				*/
/*	Author: UHEE			*/



/* RESET */
*{margin:0; padding:0}
html, body {width:100%; height:100%}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0; font-weight:normal;}
body, input, select, div, textarea, table, button {font-size:12px; font-family:'돋움', dotum, Tahoma, Helvetica ; color:#333; -webkit-text-size-adjust: none;}
table {width:100%; border:0px; border-spacing:0px; border-collapse:collapse;}
html:first-child select {padding-right:6px; height:30px;} /* Opera 9 & Below Fix */
option {vertical-align:middle; padding:3px 0;} /* Firefox Fix */
legend {display:none; visibility:hidden;}
img, fieldset, button {vertical-align:middle; border:0;}
ul, ol {list-style:none;}
a:link, a:visited, a:hover, a:active{text-decoration:none; color:#ec0815; cursor:pointer}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
caption  {height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0;}
label {cursor:pointer;}

/* SKIPNAVI */
#skipNavi{position:absolute; top:-10em; left:0; width:20em; z-index:3}
#skipNavi a:active, #skipNavi a:focus{display:block; position:absolute; top:10.5em; left;0; width:20em; color:#000; background:#fff; padding:10px}

/* INPUT */

input, textarea, button {line-height: 1.2; /* 입력폼에서 춤추지 않는 최소 줄간 1.2 */ vertical-align: middle; }
input[type=text], input[type=password]{-webkit-appearance:none; -webkit-border-radius:0; background-color:#ffffff; height:20px; padding:4px 0 1px 0; color:#333; text-indent:7px; vertical-align:middle; border:1px solid #e0e0e0}
input[type=password]{width:80px; margin-left:2px}
/*input[type=text]:hover, input[type=password]:hover{border:1px solid #ed1b24}*/
input[type="file"] {vertical-align:middle; height:26px; width:80%;/* margin-right:6px; */background-color:#fff}
textarea{background-color:#ffffff; width:100%; height:100px; padding:5px; color:#333; vertical-align:middle; border:1px solid #c8caca/* text-indent:7px; *text-indent:0; */}
select{height:27px; padding:4px 3px 3px 2px; /*margin:0 2px 0 0; */vertical-align:middle; border:1px solid #e0e0e0; /*line-height:24px*/}
input[title*="전화번호"], input[title*="휴대폰"], input[title*="팩스"], input[title*="이메일"]{width:70px}
/*input[title*="비밀번호"],input[title*="이메일"]  {width:100px; margin-left:1px}*/

input.input_max{width:100%}
input.width_40{width:40%}
input.width_50{width:50%}
input.width_80{width:80%}
.table_list.type_input input{width:80%}
.add_file{}

/* POINT C */
.pointBold td{font-weight:bold !important; letter-spacing:-1px}
.pointBd{font-weight:bold !important;}
.pointRe{color:#ee2830 !important}
.pointReB{color:#ee2830 !important; font-weight:bold}
.pointReUd{text-decoration:underline}

/* Align */
.alC{text-align:center !important}
.alL{text-align:left !important}
.alR{text-align:right !important}

/* 마진패딩 */
.mgT0{margin-top:0 !important}

/* 히든 */
.hide{font-size:0; line-height:0; width:0; height:0; overflow:hidden; margin:0; padding:0}

/* 링크 */
a.link{text-decoration:underline}
a.file_down{display:inline-block; background:url(../images/ico_file.png) no-repeat 0 0; padding-left:23px; margin-right:7px; text-decoration:underline; color:#333;  }
a.file_down.hwp{background-position:-5px -299px}
a.file_down.excel{background-position:-5px -399px}
a.file_down.word{background-position:-5px -499px}
a.file_down.ppt{background-position:-5px -99px}
a.file_down.img{background-position:-5px 4px}
a.link_log{color:#fff; text-decoration:underline; font-weight:bold}

/* 달력 */
.ui-datepicker{display:none; background-color:#fff; padding:10px; width:180px; border:1px solid #c8caca}
.ui-datepicker-calendar th, .ui-datepicker-calendar td{border-top:1px solid #e9ebeb; padding:5px; text-align:center}
.ui-datepicker-calendar th{background-color:#e9ebeb}
.ui-datepicker-calendar tr th:first-child{color:#ec0815}
.ui-datepicker-calendar tr td:first-child > a{color:#ec0815}
.ui-datepicker-calendar td > a{color:#333}
.ui-datepicker-calendar td:hover{background-color:#dfdfdf}
.ui-datepicker-header{width:100%; *zoom:1; padding:1px 0 10px; font-weight:bold}
.ui-datepicker-header:after{content:""; display:block; clear:both}
.ui-datepicker-header .ui-datepicker-prev{float:left; width:17px; height:17px; background:url(../images/ico_set.png) no-repeat 0 -28px}
.ui-datepicker-header .ui-datepicker-next{float:right;  width:17px; height:17px; background:url(../images/ico_set.png) no-repeat 100% -28px}
.ui-datepicker-header .ui-datepicker-title{float:left; padding:1px 0 0 12px; font-weight:normal}
.ui-datepicker-header .ui-datepicker-title select{height:20px; padding:1px; margin-top:-3px}
.ui-datepicker-header .ui-datepicker-title .ui-datepicker-year{margin-right:3px}
.ui-datepicker-header .ui-datepicker-title .ui-datepicker-month{margin-left:3px}
.ui-datepicker-header .ui-datepicker-prev a, .ui-datepicker-header .ui-datepicker-next a{display:block}
.ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker-header .ui-datepicker-next span{display:block; width:17px; height:17px; font-size:0; line-height:0; }
.hasDatepicker{width:90px} /* 인풋 사이즈 */

/*************************************************************************************************************************/

/* LAYOUT */
body{background:url(../images/bg_body.png) repeat-x 0 0;}
body.bg_none{background:none}
.wrap{position:relative; width:100%; height:100%; min-height:100%; }
.header{width:964px; height:171px; margin:0 auto; }
.header .top{width:100%; height:74px; *zoom:1}
.header .top:after{content:""; display:block; clear:both}
.header .gnb{}

/* Header */
.top{padding-top:10px}
.top .left{float:left; width:340px; /*width:48%;*/ padding-top:5px}
.top .left .tit_h1{width:100%; height:37px; background:url(../images/tit_h1.jpg) no-repeat 0 0;font-size:0; line-height:0; cursor:pointer}
.top .left .tit_h1 span{display:inline-block; margin-left:154px; padding-top:12px; font-size:15px; line-height:normal; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; letter-spacing:-1px; font-weight:bold }
.top .right{float:right; color:#666; font-size:11px; letter-spacing:-1px}
.top .right:after{content:""; display:block; clear:both}
.top .right .log_text{float:left; margin-top:3px}
.top .right .log_box{display:block; float:left; margin-left:8px; background:url(../images/btn_logout.png) no-repeat 0 0; width:50px; height:19px}
.top .right .log_box .btn_logout{display:block; padding:4px 4px 3px 4px; color:#fff; font-size:0; height:19px}
.top .right .info_box {display:block; float:left; margin-left:8px; height:19px}
.top .right .info_box .btn_modify1{display:block; padding:3px 5px 4px 5px; color:#fff; letter-spacing:-1px; background-color: #00a830; border-radius:3px;}
.top .right .info_box .btn_modify2{display:block; padding:3px 5px 4px 5px; color:#fff; letter-spacing:-1px; background-color: #0028a0; border-radius:3px;}

.container{position:relative; width:964px; margin:10px auto 0}
.container span.round{display:block; background:url(../images/bg_round.jpg) no-repeat 0 0; width:5px; height:5px}
.container span.lt{display:block; position:absolute; left:0; top:0; background-position:0 0}
.container span.rt{display:block; position:absolute; right:0; top:0; background-position:-5px 0}
.container span.lb{display:block; position:absolute; left:0; bottom:0; background-position:0 -5px}
.container span.rb{display:block; position:absolute; right:0; bottom:0; background-position:-5px -5px}
.container .container_area{border:1px solid #d2d2d2; padding:40px 20px}

/* 컨테이너 나뉠경우 */
.content_wrap{margin-top:10px}
.content_wrap:after{content:""; display:block; clear:both}
.content_wrap .con_left{float:left; width:350px; padding-right:10px;}
.content_wrap .con_right{float:left; width:550px; padding-left:10px; border-left:1px solid #c8caca}

/* Footer */
.footer{width:100%; min-width:964px; border-top:1px solid #e9ebeb; margin-top:100px}
.footer .footer_area{width:964px; margin:0 auto; padding:30px 0}
.footer_area > address, 
.footer_area .address_set,
.footer_area > p{font-family:"맑은고딕", Malgun Gothic, '돋움', dotum, Helvetica ; color:#333; letter-spacing:-1px; text-align:center; line-height:17px}
.footer_area .address_set{width:100%; *zoom:1}
.footer_area .address_set:after{content:""; display:block; clear:both}
.footer_area .address_set > li{display:inline-block; background:url(../images/bg_footer.gif) no-repeat 0 center; margin-left:8px; padding-left:8px}
.footer_area .address_set > li:first-child{margin-left:0; padding-left:0; background:none}
.footer_area .address_set .add_text{letter-spacing:0; color:#333}
.footer_area > p{margin-top:3px}

/* GNB */
.gnb_area{}
.gnb_area:after{content:""; display:block ;clear:both}
.gnb_area > li{float:left; position:relative; height:35px; padding:0 16px; margin-top:10px}
.gnb_area > li > a{font-size:17px; font-weight:bold; letter-spacing:-1px; color:#fff; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum, Helvetica ; line-height:24px }
.gnb_area > li.menu_dep1:hover, 
.gnb_area > li.on {background:url(../images/bg_gnb.jpg) no-repeat center 100%}
.gnb_area > li.menu_dep1:hover > a,
.gnb_area > li.on > a {text-decoration:underline}
.gnb_area > li > ul{padding-top:20px; *zoom:1} /* 2dep */
.gnb_area > li > ul:after{content:""; display:block; clear:both}
.gnb_area > li > ul > li{float:left; background:url(../images/bg_gnb.gif) no-repeat 0 7px; padding:0 10px}
.gnb_area > li > ul > li:first-child{background:none}
.gnb_area > li > ul > li > a{color:#333; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; font-size:15px; letter-spacing:-1px;  font-weight:bold; }
.gnb_area > li > ul > li:hover > a{ color:#ec0815;}
.gnb_area > li.menu_dep1 .menu2dep_m2{position:absolute; left:5px; top:30px; width:250px}
.gnb_area > li.menu_dep1 .menu2dep_m4{position:absolute; right:0; top:30px; width:450px}
.gnb_area > li.menu_dep1 .menu2dep_m5{position:absolute; right:0; top:30px; width:450px}
.gnb_area > li.menu_dep1 .menu2dep_m6{position:absolute; right:0; top:30px; width:550px}

.gnb_area > li.menuOn{background:url(../images/bg_gnb.jpg) no-repeat center 100%}
.gnb_area > li.menuOn > a{text-decoration:underline}
.gnb_area > li > ul > li#menuSubOn > a{ color:#ec0815; font-weight:bold;}

/* 관리자 용 메뉴 */
.gnb_area_admin{}
.gnb_area_admin:after{content:""; display:block ;clear:both}
.gnb_area_admin > li{float:left; position:relative; height:35px; padding:0 12px; margin-top:10px}
.gnb_area_admin > li > a{font-size:17px; font-weight:bold; letter-spacing:-1px; color:#fff; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum, Helvetica ; line-height:24px }
.gnb_area_admin > li.menu_dep1:hover, 
.gnb_area_admin > li.on {background:url(../images/bg_gnb.jpg) no-repeat center 100%}
.gnb_area_admin > li.menu_dep1:hover > a,
.gnb_area_admin > li.on > a {text-decoration:underline}
.gnb_area_admin > li > ul{padding-top:20px; *zoom:1} /* 2dep */
.gnb_area_admin > li > ul:after{content:""; display:block; clear:both}
.gnb_area_admin > li > ul > li{float:left; background:url(../images/bg_gnb.gif) no-repeat 0 7px; padding:0 10px}
.gnb_area_admin > li > ul > li:first-child{background:none}
.gnb_area_admin > li > ul > li > a{color:#333; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; font-size:15px; letter-spacing:-1px;  font-weight:bold; }
.gnb_area_admin > li > ul > li:hover > a{ color:#ec0815;}
.gnb_area_admin > li.menu_dep1 .menu2dep_m2{position:absolute; left:5px; top:30px; width:250px}
.gnb_area_admin > li.menu_dep1 .menu2dep_m4{position:absolute; right:0; top:30px; width:450px}
.gnb_area_admin > li.menu_dep1 .menu2dep_m5{position:absolute; right:0; top:30px; width:450px}
.gnb_area_admin > li.menu_dep1 .menu2dep_m6{position:absolute; right:0; top:30px; width:550px}

.gnb_area_admin > li.menuOn{background:url(../images/bg_gnb.jpg) no-repeat center 100%}
.gnb_area_admin > li.menuOn > a{text-decoration:underline}
.gnb_area_admin > li > ul > li#menuSubOn > a{ color:#ec0815; font-weight:bold;}

/*************************************************************************************************************************/


/* 타이틀 */
.tit_h2{font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; font-size:25px; letter-spacing:-1px; color:#ee2830; padding-bottom:25px}
.tit_h3{background:url(../images/bg_h3.jpg) no-repeat 0 8px; padding-bottom:15px; padding-left:16px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; font-size:17px; letter-spacing:-1px; color:#333; font-weight:bold; line-height:22px}
.tit_sub{margin-top:-15px; margin-bottom:25px; padding-left:11px; background:url(../images/ico_set.png) no-repeat 0 -64px; font-size:18px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; color:#a60d13; letter-spacing:-1px; font-weight:bold}
.con_left .tit_h2{margin-bottom:0; padding-bottom:17px; font-size:16px; font-weight:bold}

/* 메뉴트리 */
.menu_tree{position:absolute; right:30px; top:15px}
.menu_tree > li{float:left; font-size:11px; letter-spacing:-1px }
.menu_tree > li:first-child{background:url(../images/bg_home.jpg) no-repeat 0 0px; width:14px; height:12px; font-size:0; }
.menu_tree > li.on{font-weigth:bold; color:#ee2830; text-decoration:underline}

/* 테이블 */
.table_wrap{border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:40px}
.table_list thead tr th{padding:12px 0px ; background-color:#f5f6f6; line-height:20px; font-weight:bold; letter-spacing:-1px}
.table_list thead tr th span{font-size:11px;font-weight:normal;}
.table_list tbody tr{border-top:1px solid #c8caca}
.table_list tbody tr td{padding:8px 10px; text-align:center; line-height:20px; /*letter-spacing:-1px*/}
.table_list tbody tr td a{color:#333}
.table_write th{padding:12px 8px 10px 15px; background-color:#f5f6f6; text-align:left; line-height:20px;  letter-spacing:-1px; font-weight:bold}
.table_write tr{border-top:1px solid #c8caca}
.table_write tr:first-child{border:0}
.table_write tr td{padding:8px 10px; text-align:center; line-height:20px; }
.table_write tr td input[type="radio"]{vertical-align:top; margin-top:2px}
.table_write textarea{width:100%}
.table_write .veiw_box{display:block; padding:10px 0;}

/* 테이블 제목 */
.tit > a{display:block; color:#333; text-align:left}
.tit_center > a{display:block; color:#333;}

/* 테이블 선 */
.bdT{border-top:1px solid #c8caca !important}
.bdL{border-left:1px solid #c8caca !important}
.bdR{border-right:1px solid #c8caca !important}
.bdB{border-bottom:1px solid #c8caca !important}
.bdNone{border:0 !important}


/* 페이지 */
.paging{margin-top:-20px; text-align:center}
.paging > a{display:inline-block; width:27px; height:27px; border:1px solid #c8caca; color:#666; line-height:29px; vertical-align:top}
.paging > a:hover, .paging > a.on{background-color:#c8caca; color:#fff}
.paging > a.page_bg{padding:0; width:29px; height:29px; border:0; vertical-align:top}

/* 버튼 */
.btn_bbs{margin-top:30px; text-align:right}
.btn_bbs > a{display:inline-block; padding:6px 12px 8px; font-size:15px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; text-align:center; line-height:20px}
.btn_bbs .btn_re{background-color:#ee2830; border:1px solid #ee2830; color:#fff; font-weight:bold}
.btn_bbs .btn_gy{background-color:#716c6c; color:#fff; border:1px solid #b9b9b9; font-weight:bold}
.btn_bbs .btn_wh{background-color:#fff; color:#666; border:1px solid #dfdfdf; font-weight:bold}
.btn_bbs .btn_write{background-color:#f5f6f6; color:#666; border:1px solid #dfdfdf; font-weight:bold; line-height:18px}
.btn_bbs.type_pm{margin-top:-40px; margin-bottom:15px}/* + -*/
a.btn_pm{background-color:#ee2830; padding:0; /*width:25px; height:28px;*/width:20px; height:20px; line-height:15px; color:#fff; font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:17px; }/* + -*/
a.btn_tb{background-color:#f5f6f6; border:1px solid #dfdfdf; padding:5px 8px; margin-left:2px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; color:#666; vertical-align:middle}
a.btn_tb:first-child{margin-left:0}

/* 검색버튼 */
a.btn_srch{display:inline-block; background-color:#ee2830; padding:3px 8px 4px; vertical-align:middle;  font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; color:#fff; line-height:18px}

/* excelDown */
a.btn_exceldown{display:inline-block; background-color:#1e8000; padding:3px 8px 4px; vertical-align:middle;  font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; color:#fff; line-height:18px}

/* 인쇄버튼 */
.ico_print{position:absolute; right:24px; top:30px; overflow:hidden; width:44px; cursor:pointer}

/* 회색박스검색 */
.srch_wrap{margin-bottom:30px; padding:13px 0; background-color:#e9ebeb; text-align:center}
.srch_wrap > span{display:inline-block; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; font-weight:bold; color:#333; }
.srch_wrap .input_srch{width:200px}
.srch_wrap label{margin-left:1px}

/* Login */
.bg_type_login{width:100%; min-width:1024px; background:none/*url(../images/bg_login.jpg) repeat-x 0*/}
.bg_type_login .tit_h1{padding-top:155px; width:1024px; margin:0 auto}
.login_box{margin-top:13px; margin-bottom:210px; background-color:#ed1b24; height:314px; border-top:1px solid #b10e15; border-bottom:1px solid #b10e15; }
.content{width:1024px; /*height:237px; */margin:0 auto}
.content:after{content:""; display:block; clear:both}
.content .bg_area{float:left; background:url(../images/bg_log.jpg) no-repeat 0 0; margin:51px 0 25px 0; width:451px; height:237px; font-size:0; line-height:0; }
.content .login_area{float:left; width:495px; padding-left:45px; }
.content .login_area .login{/*width:380px; */margin-top:50px; padding-bottom:20px}
.content .login_area .login:after{content:""; display:block; clear:both}
.content .login_area .login .left{float:left}
.content .login_area .login .left > li{margin-top:10px}
.content .login_area .login .left > li:first-child label{width:92px}
.content .login_area .login .left > li label{display:inline-block; width:90px; font-size:18px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; letter-spacing:-1px; color:#fff; vertical-align:middle}
.content .login_area .login .left > li input{border:0; height:26px; width:178px}
.content .login_area .login .right{display:block; float:left; background-color:#fff; width:100px; padding:26px 0; margin-left:10px; margin-top:10px; /*height:70px; */font-size:18px; text-align:center; font-weight:bold }
.content .login_area .text{background:url(../images/bg_log_var.jpg) no-repeat 0 0; padding-top:30px; }
.content .login_area .text > li{background:url(../images/bg_login_var2.png) no-repeat 0 7px; padding-left:8px; letter-spacing:-1px; color:#fff; line-height:18px}
/* Login e */

/* 인쇄하기 html */
.print_wrap{background-color:#ee2830; width:680px;}
.print_wrap .top{width:100%; padding:8px 0 12px; border-top:1px solid #a60d13}
.print_wrap .top > span{padding-left:20px; font-size:17px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; letter-spacing:-1px; color:#fff; font-weight:bold }
.print_wrap .contents{width:100%; background-color:#fff; padding:30px 0}
.print_wrap .bottom{background:#999fa7; padding:9px 0 7px; text-align:right }
.print_wrap .bottom > span{margin-right:12px; padding-right:15px; background:url(../images/img_print_close.jpg) no-repeat 100% 0}
.print_wrap .bottom > span .close{ font-size:12px; letter-spacing:-1px; color:#fff;}


/* 컨텐츠영역 */

/* 업무일지 등록 특이사항 */
/* 수정 131017
.radio_sec{width:100%; *zoom:1}
.radio_sec:after{content:""; display:block; clear:both}
.radio_area{ float:left; background-color:#f2f2f2; width:190px; *zoom:1}
.radio_area:after{content:""; display:block; clear:both}
.radio_area > li{float:left; padding:15px 8px; width:75px; border-left:2px solid #fff}
.radio_area > li label{margin-right:5px}
.radio_sec .r_text_area{float:left; margin-left:30px; width:400px; border-top:1px solid #ee2830; border-bottom:1px solid #666; line-height:18px}
.radio_sec .r_text_area:after{content:""; display:block; clear:both}
.radio_sec .r_text_area > dt{float:left; padding:10px; width:150px; background-color:#f5f6f6; border-top:1px solid #c8caca; }
.radio_sec .r_text_area > dd{float:left; padding:10px; width:210px; background-color:#fff; border-top:1px solid #c8caca; }
.radio_sec .r_text_area > dt:first-child, .radio_sec .r_text_area > dd:first-child{border-top:0}
*/

/* 특이사항 라디오버튼 */
.table_write .radio_area{}
.table_write .radio_area > li{display:inline-block; padding-left:30px}
.table_write .radio_area > li:first-child{padding-left:0}
.table_write .radio_area input[type=radio]{margin-left:3px}

/* 업무연락 체크박스 */
.table_write .check_area{}
.table_write .check_area > li{display:inline-block; padding-left:25px}
.table_write .check_area > li:first-child{padding-left:0}
.table_write .check_area input[type=checkbox]{margin-right:3px}
.table_write .check_area_result{}
.table_write .check_area_result > li{display:block;}

/* 담당자 등록 */
.table_write th.table_img{padding:0 10px}
.table_img_box{height:151px; border:1px solid #666}
.table_img_box img{width:139px; height:151px; overflow:hidden}
.table_radio_area{width:100%; *zoom:1}
.table_radio_area:after{content:""; display:block; clear:both}
.table_radio_area > li{float:left; margin-left:10px; padding-left:10px; border-left:1px solid #c8caca; line-height:14px}
.table_radio_area > li:first-child{margin-left:0; border:0; padding-left:0}
.table_radio_area > li label{margin-right:5px}

/**/
.srch_sec{margin-left:20px; }
.srch_sec:first-child{margin-left:0}

/* 오수전력사용량 */
.table_wrap.height_s{max-height:270px; overflow:auto; }
.table_wrap.height_s .table_list tbody tr{border-top:0; border-bottom:1px solid #c8caca}
.table_wrap.height_s .table_list tbody tr td{padding:6px 7px}
.table_wrap.height_m{max-height:500px; overflow:auto; }
.table_wrap.height_m .table_list tbody tr{border-top:0; border-bottom:1px solid #c8caca}
.table_wrap.height_m .table_list tbody tr td{padding:6px 7px}


/* 그래프 */
.graph_area{}
.graph_area .graph_header{background:url(../images/bg_graph.jpg) repeat-x top; height:25px; padding-top:20px; margin-top:25px; /*border-top:1px dashed #c8caca; */font-size:15px; text-align:center; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-weight:bold; }
/*
.graph_area .graph_header .tit_comment{font-size:13px; color:#666; font-weight:normal}
.graph_area .graph_header .tit_comment > a{color:#666; text-decoration:underline}
*/
.graph_area .red{display:block; position:relative; left:0; top:-44px; width:23px; height:23px; background:url(../images/bg_one.jpg) no-repeat 0 0; font-size:0; line-height:0; z-index:10}
.graph_area .green{display:block; position:relative; left:0; top:-44px; width:23px; height:23px; background:url(../images/bg_one.jpg) no-repeat 0 -37px; font-size:0; line-height:0;  z-index:10}
.graph_area .graph_box{min-height:280px; margin-top:-60px; }
.graph_area .graph_box_02{min-height:300px; margin-top:-20px; }
.graph_area div:first-child{margin-top:0}
.highcharts-button{display:none} /* 하이차트 프린트버튼 */
.view_more{display:block ; background:url(../images/ico_set.png) no-repeat 0 -135px; width:46px; height:15px; padding:5px 0 0 5px; position:relative; left:500px; top:-40px;  }
.view_more > a{font-size:11px; color:#ed1b24; letter-spacing:-1px}
.view_more.type_water{position:relative; left:500px; top:-60px}
.view_all{display:block ; background:url(../images/ico_set.png) no-repeat 0 -111px; width:56px; height:17px; padding:3px 0 0 5px; margin-bottom:10px; margin-left:500px}
.view_all > a{font-size:11px; letter-spacing:-1px; line-height:16px}

/* 수질현황 */
#line_00_01.graph_box, #line_00_02.graph_box, #line_00_03.graph_box, #line_00_04.graph_box{min-height:160px; margin-top:-50px}

/* 그래프 페이지 s */
/* 그래프 상단 인풋 */
.header.type_graph{height:65px; width:99%; margin:0 auto}
.header.type_graph .top{height:auto}
.header.type_graph .top:after{content:""; display:block; clear:both}
.container_graph{background-color:#fff; min-width:1024px; overflow:hidden}
.container_graph .tit_h2{padding-left:10px; color:#fff}
.srch_wrap.type_graph{text-align:left; width:100%; background-color:#000; }
.srch_wrap.type_graph:after{content:""; display:block; clear:both}
.srch_wrap.type_graph .srch_section1{float:left; width:55%; margin-left:0; text-align:left; padding-left:20px; color:#fff}
.srch_wrap.type_graph .srch_section2{float:right; width:400px; height:28px; background:url(../images/img_graph.png) no-repeat 0 0; padding-right:20px}
.srch_wrap.type_graph .srch_section1 .date{margin-left:-2px}
.srch_wrap.type_graph label{color:#fff}
.srch_wrap.type_graph .btn_srch{margin-right:4px; vertical-align:middle}

/* 그래프위치 */
.graph_sec1{background-color:#000}
.graph_sec1 .graph_float_area{width:99.5%; margin:0 auto; /*border-top:1px solid #c8caca; border-left:1px solid #c8caca;*/}
.graph_sec1 .graph_float_area:after{content:""; display:block; clear:both}
.graph_sec1 .graph_float_area > li{float:left; overflow:hidden; width:33%; margin-right:3px; background:url(../images/bg_graph_bt.jpg) repeat-x 0; /*border-bottom:1px solid #c8caca; border-right:1px solid #c8caca; */}
/*
.graph_sec1 .graph_float_area > li.border_t{border-top:1px solid #c8caca}
.graph_sec1 .graph_float_area > li.border_b{border-bottom:1px solid #c8caca}
*/
.graph_sec1 .graph_float_area .graph_area .graph_header{border-top:0}
.graph_sec1 .graph_float_area .graph_area .graph_box{margin-top:-50px; margin-bottom:10px; padding-bottom:20px; background-color:#fff}
.graph_sec1 .graph_float_area .highcharts-legend{display:none}
.graph_sec2{margin-top:50px; background-color:#000 }
.graph_sec2 .graph_float_area{width:99.5%; margin:0 auto; /* border-top:1px solid #c8caca; border-left:1px solid #c8caca;*/}
.graph_sec2 .graph_float_area:after{content:""; display:block; clear:both}
.graph_sec2 .graph_float_area > li{float:left; overflow:hidden; width:33%; margin-right:3px; /*border-bottom:1px solid #c8caca; border-right:1px solid #c8caca; background:url(../images/bg_graph_bt.jpg) repeat-x 0;*/}
/*
.graph_sec2 .graph_float_area > li.border_t{border-top:1px solid #c8caca}
.graph_sec1 .graph_float_area > li.border_b{border-bottom:1px solid #c8caca}
*/
.graph_sec2 .graph_float_area .graph_area .graph_header{border-top:0}
.graph_sec2 .graph_float_area .graph_area .graph_box{margin-top:-50px; margin-bottom:10px; padding-bottom:20px; background-color:#fff}
/*.graph_sec2 .graph_float_area .highcharts-legend{display:none}*/
.container_graph .ico_print{position:absolute; right:20px; top:145px; width:44px; overflow:hidden; }


/* 오버 툴팁 */
.overShowTooltip {position: relative;}
.overShowTooltip .tooltipContent{
	position: absolute; 
	top:-14px;left:100px; 
	display:block;
	background-color: #006400; 
	z-index:2; 
	display:none;
	padding:5px 10px 5px 10px; 
	border-radius:8px;
	border:2px solid #006400;
	color:#fff;
}

.overShowTooltip .tooltipContent:before {
	position: absolute; 
	width:0px;
	height:0;
	content:"\00a0";
 	top:8px; /* controls vertical position */
  	left:-40px; /* value = - border-left-width - border-right-width */
  	border-width:20px 20px 12px 18px;
  	border-style:solid;
  	border-color:transparent #006400 transparent transparent;
}

.overShowTooltip .tooltipContent:after {
	position: absolute; 
	width:0px;
	height:0;
	content:"\00a0";
 	top:26px; /* controls vertical position */
  	left:-40px; /* value = - border-left-width - border-right-width */
  	border-width:3px 20px 12px 18px;
  	border-style:solid;
  	border-color:transparent #fff transparent transparent;
}



/* 그래프 페이지 e */






